.task-swiper-content {
  width: 100%;
  height: 100%;
}
.task-swiper-content .nut-swiper {
  height: 100%;
  height: 236rpx;
}
.task-swiper-content .nut-swiper .swiper-box.active1 {
  border-left: 6rpx solid #ff0c00;
}
.task-swiper-content .nut-swiper .swiper-box.active2 {
  border-left: 6rpx solid #ff9100;
}
.task-swiper-content .nut-swiper .swiper-box {
  height: 176rpx;
  background: #fffafa;
  border-left: 6rpx solid #ff0c00;
  border-top-left-radius: 8rpx;
  border-bottom-left-radius: 8rpx;
  border-top-right-radius: 8rpx;
  position: relative;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-tag {
  width: 138rpx;
  height: 44rpx;
  position: absolute;
  right: 0;
  top: 0;
  background: url(https://img.alicdn.com/imgextra/i2/1034622205/O1CN01oK9OyG1S9wNSUhntH_!!1034622205.png) no-repeat no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 32rpx;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-tag text {
  font-size: 24rpx;
  color: #ffffff;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-tag.active1 {
  background: url(https://img.alicdn.com/imgextra/i2/1034622205/O1CN01oK9OyG1S9wNSUhntH_!!1034622205.png) no-repeat no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 38rpx;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-tag.active1 text {
  font-size: 24rpx;
  color: #ffffff;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item.active1 .item-status-time text:nth-of-type(1) {
  background-color: #ff0c00;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item.active1 .item-status-time text:nth-of-type(2) {
  color: #ff0c00;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-tag.active2 {
  background: url(https://img.alicdn.com/imgextra/i4/1034622205/O1CN01SA6Aai1S9wNX2WrMB_!!1034622205.png) no-repeat no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: 38rpx;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-tag.active2 text {
  font-size: 24rpx;
  color: #ffffff;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item.active2 .item-status-time text:nth-of-type(1) {
  background-color: #ff9100;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item.active2 .item-status-time text:nth-of-type(2) {
  color: #ff9100;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item {
  padding: 16rpx 26rpx;
  box-sizing: border-box;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .item-status-time {
  line-height: 24rpx;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .item-status-time text:nth-of-type(1) {
  background-color: #ff0c00;
  padding: 2rpx 6rpx;
  border-radius: 6rpx;
  margin-right: 16rpx;
  font-size: 20rpx;
  color: #fff;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .item-status-time text:nth-of-type(2) {
  color: #ff0c00;
  font-size: 24rpx;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .task-swiper-title {
  margin-top: 20rpx;
  font-weight: 600;
  font-size: 28rpx;
  color: #101010;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .task-swiper-user {
  width: 100%;
  display: flex;
  align-items: center;
  line-height: 60rpx;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .task-swiper-user .nut-divider {
  height: 30rpx;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .task-swiper-user .user-name {
  display: flex;
  align-items: center;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .task-swiper-user .user-name text:nth-of-type(1) {
  font-size: 24rpx;
  color: #101010;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .task-swiper-user .user-name .user-name-text {
  display: flex;
  align-items: center;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .task-swiper-user .user-name .user-name-text img {
  width: 24rpx;
  height: 24rpx;
  border-radius: 50%;
  margin: 0 8rpx;
}
.task-swiper-content .nut-swiper .swiper-box .task-swiper-list .task-swiper-item .collaborate-user text {
  font-size: 24rpx;
  color: #101010;
}
.task-swiper-content .nut-swiper .swiper-pager {
  position: absolute;
  bottom: 14rpx;
  left: 0;
  right: 0;
  margin: auto;
  width: 46px;
  height: 22px;
  border-radius: 22px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  width: 100rpx;
}
.task-swiper-content .nut-swiper .swiper-pager .swiper-pager-item {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background: #ddd;
  margin: 0 6rpx;
}
.task-swiper-content .nut-swiper .swiper-pager .swiper-pager-item.active1 {
  width: 18rpx;
  height: 18rpx;
  box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(255, 17, 0, 0.43);
  background: #fff;
  position: relative;
}
.task-swiper-content .nut-swiper .swiper-pager .swiper-pager-item.active1 text {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background-color: #ff0c00;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.task-swiper-content .nut-swiper .swiper-pager .swiper-pager-item.active2 {
  width: 18rpx;
  height: 18rpx;
  box-shadow: 0rpx 2rpx 8rpx 2rpx rgba(255, 145, 0, 0.43);
  background: #fff;
  position: relative;
}
.task-swiper-content .nut-swiper .swiper-pager .swiper-pager-item.active2 text {
  width: 10rpx;
  height: 10rpx;
  border-radius: 50%;
  background-color: #ff9100;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
